<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>


<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.html" />
		</ui:define>
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />

				<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"
					draggable="false" closable="false">
					<p:graphicImage width="280px" height="40px"
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/loading.gif" />
				</p:dialog>
				<br />
				<br />
				<h:form id="form">
					<p:panel id="panel">
						
						<f:facet name="header">
							<p:commandButton value="Volver"
								action="menuTipos.xhtml?faces-redirect=true"
								icon="ui-icon-arrowreturnthick-1-w" />
						</f:facet>
						<p:messages id="msg2" />

						<h:panelGrid id="panelGrid" style="margin: 0 auto;">

							<p:dataTable value="#{grupoReferenciaView.referenciaModel}"
								var="referencia" id="tRefencia"
								selection="#{grupoReferenciaView.selectedReferencia}"
								paginator="true" rows="5">

								<f:facet name="header">
								Referencia
								</f:facet>

								<p:column selectionMode="single" style="width:2%" />

								<p:column filterBy="#{referencia.codigo}"
									sortBy="#{referencia.codigo}">
									<f:facet name="header">
										<h:outputText value="Código" />
									</f:facet>
									<h:outputText value="#{referencia.codigo}" />
								</p:column>
								
								<p:column filterBy="#{referencia.grupoString}"
									sortBy="#{referencia.grupoString}">
									<f:facet name="header">
										<h:outputText value="Grupo Activo" />
									</f:facet>
									<h:outputText value="#{referencia.grupoString}" />
								</p:column>

								<p:column filterBy="#{referencia.aplicacion}"
									sortBy="#{referencia.aplicacion}">
									<f:facet name="header">
										<h:outputText value="Aplicación" />
									</f:facet>
									<h:outputText value="#{referencia.aplicacion}" />
								</p:column>

								
								<p:column filterBy="#{referencia.costo}"
									sortBy="#{referencia.costo}">
									<f:facet name="header">
										<h:outputText value="Costo" />
									</f:facet>
									<h:outputText value="#{referencia.costo}" />
								</p:column>

								<p:column filterBy="#{referencia.descripcion}"
									sortBy="#{referencia.descripcion}">
									<f:facet name="header">
										<h:outputText value="Descripción" />
									</f:facet>
									<h:outputText value="#{referencia.descripcion}" />
								</p:column>

								<p:column filterBy="#{referencia.descripcionCorta}"
									sortBy="#{referencia.descripcionCorta}">
									<f:facet name="header">
										<h:outputText value="Descripcion Corta" />
									</f:facet>
									<h:outputText value="#{referencia.descripcionCorta}" />
								</p:column>

								<p:column filterBy="#{referencia.estadoRegistro}"
									sortBy="#{referencia.estadoRegistro}">
									<f:facet name="header">
										<h:outputText value="Estado Registro" />
									</f:facet>
									<h:outputText value="#{referencia.estadoRegistro}" />
								</p:column>

								<f:facet name="footer">
									<p:commandButton id="createButton" value="Asignar Grupo"
										action="#{grupoReferenciaView.action_crear()}"
										icon="ui-icon-newwin" update=":form"
										binding="#{grupoReferenciaView.btnCrear}"
										oncomplete="PF('singleCarDialog').show()" />

								</f:facet>

							</p:dataTable>


							<p:dialog id="dialog" header="Grupo Referencia" modal="true"
								widgetVar="singleCarDialog" resizable="false" showEffect="fade"
								hideEffect="explode" closable="false" position="top">

								<p:messages id="msg" />

								<h:panelGrid id="panelBotones" columns="3"
									style="margin: 0 auto;">


									<p:commandButton id="btnCerrar" value="Cerrar"
										icon="ui-icon-close" update=":form"
										oncomplete="PF('singleCarDialog').hide()" process="@this"
										actionListener="#{grupoReferenciaView.action_cerrar()}">
										<p:resetInput target="panel" />
									</p:commandButton>

								</h:panelGrid>

								<h:panelGrid style="margin: 0 auto;">

									<p:dataTable id="grupoReferencia"
										value="#{grupoReferenciaView.grupoRefenrenciaModel}"
										var="grupoReferencia"
										selection="#{grupoReferenciaView.selectedGrupoReferencia}"
										paginator="true" rows="3" style="margin: 0 auto;">

										<f:facet name="header">
												Grupo Referencia
												</f:facet>

										<p:column selectionMode="single" style="width:2%" />

										<p:column filterBy="#{grupoReferencia.activo}"
											sortBy="#{grupoReferencia.activo}">
											<f:facet name="header">
												<h:outputText value="Activo" />
											</f:facet>
											<h:outputText value="#{grupoReferencia.activo}" />
										</p:column>

										<p:column filterBy="#{grupoReferencia.fechaInactivo}"
											sortBy="#{grupoReferencia.fechaInactivo}">
											<f:facet name="header">
												<h:outputText value="Fecha Inactivo" />
											</f:facet>
											<h:outputText value="#{grupoReferencia.fechaInactivo}" />
										</p:column>

										<p:column filterBy="#{grupoReferencia.idRefe_Referencia2}"
											sortBy="#{grupoReferencia.idRefe_Referencia2}">
											<f:facet name="header">
												<h:outputText value="Referencia" />
											</f:facet>
											<h:outputText value="#{grupoReferencia.idRefe_Referencia2}" />
										</p:column>

										<p:column filterBy="#{grupoReferencia.idGrpo_Grupo2}"
											sortBy="#{grupoReferencia.idGrpo_Grupo2}">
											<f:facet name="header">
												<h:outputText value="Grupo" />
											</f:facet>
											<h:outputText value="#{grupoReferencia.idGrpo_Grupo2}" />
										</p:column>
										<p:column filterBy="#{grupoReferencia.estadoRegistro}"
											sortBy="#{grupoReferencia.estadoRegistro}">
											<f:facet name="header">
												<h:outputText value="EstadoRegistro" />
											</f:facet>
											<h:outputText value="#{grupoReferencia.estadoRegistro}" />
										</p:column>

										<f:facet name="footer">
											<p:commandButton id="btnAgregar" value="Agregar Grupo"
												disabled="true"
												action="#{grupoReferenciaView.action_agregar}"
												binding="#{grupoReferenciaView.btnAgregar}"
												icon="ui-icon-disk" update=":form"
												oncomplete="PF('singleCarDialog2').show()" />


											<p:commandButton id="btnGuardar" value="Activar"
												disabled="true"
												action="#{grupoReferenciaView.action_modify()}"
												binding="#{grupoReferenciaView.btnSave}" icon="ui-icon-key"
												update=":form" />

										</f:facet>

									</p:dataTable>
								</h:panelGrid>



							</p:dialog>
							<p:dialog id="dialog2" header="Agregar Grupo"
								widgetVar="singleCarDialog2" resizable="false" showEffect="fade"
								modal="true" hideEffect="explode" closable="false"
								position="top">
								<p:messages id="msg3" />
								<h:panelGrid style="margin: 0 auto;">
									<h:panelGrid id="panelBotones2" columns="3"
										style="margin: 0 auto;">
										<p:commandButton id="createButton2" value="Agregar"
											action="#{grupoReferenciaView.action_create()}"
											icon="ui-icon-plus" binding="#{grupoView.btnCrear}"
											update="msg3,dialog" />

										<p:commandButton id="btnCerrar2" value="Cerrar"
											action="#{grupoReferenciaView.action_crear()}"
											icon="ui-icon-close" update=":form"
											binding="#{grupoReferenciaView.btnCerrar}"
											oncomplete="PF('singleCarDialog').show()" />
									</h:panelGrid>
									<p:separator />
									<p:dataTable id="grupo"
										value="#{grupoReferenciaView.grupoModel}" var="grupo"
										selection="#{grupoReferenciaView.selectedGrupo}"
										paginator="true" rows="5">

								 		<f:facet name="header">
								    	Grupo
							           </f:facet>

										<p:column selectionMode="single" style="width:2%" />


										<p:column filterBy="#{grupo.grupo_1}"
											sortBy="#{grupo.grupo_1}">
											<f:facet name="header">
												<h:outputText value="Grupo" />
											</f:facet>
											<h:outputText value="#{grupo.grupo_1}" />
										</p:column>

										<p:column filterBy="#{grupo.sugeridoPedido}"
											sortBy="#{grupo.sugeridoPedido}">
											<f:facet name="header">
												<h:outputText value="SugeridoPedido" />
											</f:facet>
											<h:outputText value="#{grupo.sugeridoPedido}" />
										</p:column>


										<p:column filterBy="#{grupo.idFlia_Familia}"
											sortBy="#{grupo.idFlia_Familia}">
											<f:facet name="header">
												<h:outputText value="Id Familia" />
											</f:facet>
											<h:outputText value="#{grupo.idFlia_Familia}" />
										</p:column>

										<p:column filterBy="#{grupo.idGrpo_Grupo}"
											sortBy="#{grupo.idGrpo_Grupo}">
											<f:facet name="header">
												<h:outputText value="Grupo Superior" />
											</f:facet>
											<h:outputText value="#{grupo.idGrpo_Grupo}" />
										</p:column>

										<p:column filterBy="#{grupo.especial}"
											sortBy="#{grupo.especial}">
											<f:facet name="header">
												<h:outputText value="Especial" />
											</f:facet>
											<h:outputText value="#{grupo.especial}" />
										</p:column>

										<p:column filterBy="#{grupo.estadoRegistro}"
											sortBy="#{grupo.estadoRegistro}">
											<f:facet name="header">
												<h:outputText value="Estado Registro" />
											</f:facet>
											<h:outputText value="#{grupo.estadoRegistro}" />
										</p:column>


									</p:dataTable>

								</h:panelGrid>

							</p:dialog>


						</h:panelGrid>


					</p:panel>

				</h:form>

			</f:view>
		</ui:define>

	</ui:composition>

</h:body>

</html>